<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <input type="text" id="txt">
    <button id="btn">添加</button>
    <p id="content"></p>
</head>
<body>
    <script>
        // var inps = document.getElementsByTagName('input')
        // 随便定义一个数组
        var arr = [1,2,5,7,9]
        // 定义一个变量接收输入框的value值
        var num 
        // 定义一个变量接收新数组
        var res
        // 先把随机定义的数组放进p标签
        content.innerHTML = [arr]
        // 给btn添加点击事件
        btn.onclick = function(){
            // 把input的value值赋值给num
            num = txt.value
            // 把num放进数组
            arr.push(num)
            // 排序好数组赋值给res
            res = arr.sort(function(a,b){
                return a - b
            })
            // 把新数组加进拍标签的内容
            content.innerHTML = [res]
            // 点击添加后清空
            txt.value = ''
        }

    </script>
</body>
</html>